草庐IT

css - 使 div 可滚动

全部标签

javascript - 禁用浏览器滚动条

嗨是否可以通过java脚本禁用浏览器滚动条...?如果是怎么办?有知道的帮帮我...提前致谢.. 最佳答案 CSSbody{overflow:hidden;}JavaScriptdocument.body.style.overflow="hidden";jQuery$("body").css('overflow','hidden'); 关于javascript-禁用浏览器滚动条,我们在StackOverflow上找到一个类似的问题: https://stack

javascript - 使用通配符 ID 选择 div

如何使用它的ID选择一个div但带有widcard?如果DIV的ID是statusMessage_1098,我想以某种方式选择它,例如document.getElementById('statusMessage_*')。这是因为在生成页面之前,我不知道ID的后缀,并且在页面中只会出现一个这样的ID。这可能吗?感谢您的帮助。 最佳答案 只是认为值得用更新的JavaScript方法来更新线程,因为搜索仍在进行中。document.querySelector("[id^='statusMessage_']");caniuse.com列出了

javascript - CSS 文本省略号包括 "More"链接

所以我有以下Fiddle,它将文本中的省略号设置为两行。然后我想要一个与文本内联的“更多”链接。http://jsfiddle.net/csYjC/2876/所以如果我们的文本超过两行,它应该是这样的:没错。然而:那是不正确的(应该与文本内联)。代码如下:Loremipsumdolorsitamet,LoremLoremipsumdolorsitamet,Loremipsumdolorsitamet,LoremLoremiMore还有CSS:.text{display:inline;overflow:hidden;text-overflow:ellipsis;display:-webk

javascript - 防止 fb.ui() 滚动浏览器

我正在使用iframe开发FacebookCanvas页面应用程序。我正在使用fb.ui()创建一个用于共享的对话框,但是当对话框打开时,它首先居中,然后一旦异步调用加载对话框,它将对话框移动到iframe的顶部并滚动浏览器到顶部。我考虑过使用jQuery来重新定位框,但是我还必须滚动浏览器位置,这让我大吃一惊。任何建议将不胜感激。 最佳答案 有同样的问题,在iFrame中定位很糟糕。保持对话框正确定位的最简单方法是使用弹出显示选项,它会在当前页面的中心上方弹出一个新的浏览器窗口。它不是那么漂亮,但效果很好。//genericsha

javascript - 使用 CSS 3D 变换从 DOM 对象接收变换后的鼠标事件数据

目前在javascript鼠标事件中是否有任何数据可以让我轻松找到或计算相对于转换元素的3D空间的鼠标位置?为了直观地说明,左边是没有3d矩阵的div,右边是3d变换后的div。o是鼠标事件的来源+/|/|+-----++||||||o|=>|o|||||+-----++|\|\|+在下面的脚本中,单击div中的相同像素将报告一个位于文档/屏幕的二维变换空间中的event.layerX。我知道,但对解析div的matrix3d并使用它乘以事件位置以发现这一点的前景并不感到兴奋,但是在实际实现中,div将具有更复杂的转换,这需要在不止一个对象的每一帧上完成,我担心会带来的开销......

javascript - Google CDN 托管具有本地后备功能的 jQuery UI CSS?

我已经有了以下JS文件:!window.jQuery&&document.write(unescape("%3Cscriptsrc='/app_shared/script/jquery-1.6.1.min.js'type='text/javascript'%3E%3C/script%3E"))!window.jQuery.ui&&document.write(unescape("%3Cscriptsrc='/app_shared/script/jquery-ui.min.js'type='text/javascript'%3E%3C/script%3E"))我怎样才能为主题找到类似的东

javascript - 如何在 jquery(移动)中刷新 DIV?

更新:抱歉,我不小心将data-dom-cache="true"行复制到了我的content-div中。应用程序从dom而不是新内容加载似乎很合乎逻辑!我已将其更改为false,现在它运行良好。谢谢。我有一个动态生成的列表。如果有人单击列表中的条目,用户将被重定向到加载数据的新页面(动态)。加载的数据取决于用户单击的列表条目。第一次加载应用时,一切正常。但是,当用户单击另一个列表条目时,会显示与第一次运行时相同的数据。我尝试过jQuery中的.empty()函数(以清除div并附加新数据),但它不起作用。编辑:我的headlines.html文件如下所示:$(document).rea

javascript - 测试 CSS :hover with Jasmine

所以我有一个简单的div,当鼠标悬停时会根据我的css中的定义更改其背景:.my-class{background-color:#FFFFFF;}.my-class:hover{background-color:#F2F2F2;}我尝试用jasmine测试这种行为,但测试一直失败:it"Shadows.soboo-drop-itemwhenhover",->$('.my-class:first').trigger('mouseover')expect($('.my-class:first').css('background-color')).toBe("#F2F2F2")Expecte

javascript - 如何使用 CSS 或 Javascript 或 jQuery 使粗体字体变细?

如果我使用的是字体并且没有粗体版本,我可以使用标签text-shadow,添加轮廓以使细字体更粗。但是我只有粗体,我想把它变细一点。我不知道要使用什么CSS或Javascript或jQuery脚本。是否可以使用CSS、Javascript或jQuery使粗体字体变细?怎么办? 最佳答案 您不能使字体变细。即使使用text-shadow使其更粗也是不真实的:它会产生扭曲的字体呈现,而不是更粗的字体。所以你应该根据你使用不同字体(包括不同粗细)的意图和每个字体家族中字体的可用性来选择你的字体系列。浏览器可以实现小于400的font-we

javascript - iPad 应用程序上的动量滚动问题

在我的页面上,我有两个面板,其中左侧面板包含一个堆叠在一起的元素列表,当我单击/选择其中一个元素时,有关所选元素的更多信息将显示在右侧面板中。我需要右侧面板可以滚动,因此向该面板添加了类似原生的动量滚动,如下所示-#rightPanel{position:absolute;top:50px;height:400px;width:500px;overflow-y:scroll;-webkit-overflow-scrolling:touch;}要在左侧面板中的元素列表中移动,我添加了单指滑动。它工作正常,但是当我滑动下一个元素时,右侧面板已经滚动,这是不需要的。为了解决这个问题,添加了这